Forms How To's

How to's for the Forms guide.

Configuring Data Source for a Form

To configure data source for your form:

1. Open the Form Designer.
2. Click on the Structure tab or data icon.
3. Define a new data source or select an existing one.
4. Map your form fields to data source fields using the Property Inspector.

This step ensures controls like dropdowns, grids, and charts are populated with dynamic data during runtime.

---

Adding a Container to a Form

To organize controls visually in a form:

1. Open your .form file in Form Designer.
2. From the Toolbox, find the Container Controls section.
3. Drag a Group Box or Tab Panel into the form layout.
4. Drop your form controls (e.g., textboxes, labels) inside the container.

This helps in logically grouping fields, such as address sections, or tabbed interfaces.

---

Setting Client-Side Events on a Form Control

To define client-side events:

1. Select the form control (e.g., a button).
2. Open the Property Inspector.
3. Go to the Events (Client) tab.
4. Find the event you want to handle (e.g., OnClick, OnChange).
5. Write your JavaScript logic in the associated editor.

This is useful for UI interactions like showing/hiding sections, field validations, or alerts.

---

Creating a New Form

To create a new form:

1. Go to Solution Explorer.
2. Right-click on the Forms folder.
3. Select New Item.
4. Choose the type of form you want to create:
   • Application Form
   • Archive Form
   • Process Archive Form
5. Enter a file name like MyLeaveForm.
6. Click Create to open the form in the Form Designer.

This will create a new .form file and open the visual editor for layout and logic design.